/* ::::: http://www.fenfentuan.com/static/css/index.css ::::: */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td { margin: 0pt; padding: 0pt; }
table { border-collapse: collapse; border-spacing: 0pt; }
fieldset, img { border: 0pt none; }
li { list-style: none outside none; }
caption, th { text-align: left; }
h1, h2, h3, h4, h5, h6 { font-size: 100%; }
input, textarea, select { font-family: inherit; font-size: inherit; font-weight: inherit; }
input, textarea, select {  }
.cf {  }
.cf:after { content: ""; display: block; clear: both; height: 0pt; overflow: hidden; visibility: hidden; }
body { font: 14px/1.5 Tahoma,Helvetica,arial,sans-serif; }
a { color: rgb(51, 153, 153); text-decoration: none; }
a:hover { text-decoration: underline; }
span.money { font-family: Helvetica,arial,sans-serif; }
.f-input, input.date, input.number { font-size: 14px; padding: 3px 4px; border: 1px solid rgb(137, 180, 214); }
.h-input, input.date, input.number { font-size: 12px; padding: 2px 3px; border: 1px solid rgb(137, 180, 214); }
input.formbutton { padding: 4px 1em; border-width: 2px; border-style: solid; border-color: rgb(130, 208, 212) rgb(77, 152, 155) rgb(84, 163, 167) rgb(146, 214, 217); background: none repeat scroll 0% 0% rgb(99, 197, 200); color: rgb(255, 255, 255); letter-spacing: 0.1em; cursor: pointer; }
#sysmsg-guide { position: relative; z-index: 1; top: -10px; left: 0pt; margin: 10px 0pt 0pt 8px; width: 951px; height: 155px; background: url('../img/index/bg-newbie-guide.gif') no-repeat scroll 0pt 0pt transparent; }
#sysmsg-guide .link { padding-top: 25px; }
#sysmsg-guide .link a { display: block; width: 950px; height: 110px; }
#sysmsg-guide .close { display: block; position: absolute; top: 2px; right: 14px; height: 20px; line-height: 20px; padding-right: 20px; background: url('../img/index/bg-newbie-close.gif') no-repeat scroll right center transparent; font-size: 12px; color: rgb(102, 102, 102); }
body { background-color: rgb(160, 225, 218); margin-top: 10px; }
body.bg-alt { background-color: rgb(160, 225, 218); }
#hdw { height: 135px; width: 964px; padding-left: 8px; margin: 0pt auto; }
#bdw { min-height: 500px; }
#ftw { height: 245px; width: 940px; margin: 8px auto 0pt; background: none repeat scroll 0% 0% rgb(138, 208, 200); }
#hd { position: relative; z-index: 2; width: 958px; height: 93px; margin: 0pt auto; background: url('../img/index/head-bg.jpg') no-repeat scroll 0% 0% rgb(255, 255, 255); }
#hd .head_nav { position: absolute; top: 93px; left: 0pt; width: 958px; height: 35px; background: url('../img/index/menu-bm.jpg') repeat-x scroll 0% 0% transparent; }
#hd .nav { width: 620px; float: left; }
#hd .head_nav .logins { float: right; width: 330px; height: 35px; line-height: 35px; }
#hd .applymail { float: right; width: 312px; height: 90px; padding-right: 78px; margin-top: 30px; }
#hd .applymail .mail_t { width: 100%; color: rgb(100, 130, 6); font-size: 13px; margin-top: 6px; }
#hd .applymail .mail_m { width: 100%; }
#hd .applymail .mail_inp { float: left; width: 210px; margin: 3px 0pt 0pt; padding-left: 3px; font-size: 12px; border-width: 1px 0pt 1px 1px; border-style: solid none solid solid; border-color: rgb(192, 214, 142) -moz-use-text-color rgb(192, 214, 142) rgb(192, 214, 142); height: 21px; line-height: 21px; color: rgb(102, 102, 102); }
#hd .applymail .mail_sub { float: left; width: 68px; height: 28px; margin: 0pt; background: url('../img/index/head-mail-bt.jpg') no-repeat scroll 0% 0% transparent; border: 0pt none; }
#hd .nav li { float: left; background-image: url('../img/index/menu-bt.jpg'); background-repeat: no-repeat; background-position: right center; }
#hd .nav li a { float: left; background-image: url('../img/index/menu-bt.jpg'); background-repeat: no-repeat; background-position: right center; }
#hd .nav li a:hover { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .logins ul { float: right; width: 100%; }
#hd .logins li { float: right; }
#hd .logins li a:hover { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .nav a { float: left; height: 35px; line-height: 35px; color: rgb(255, 255, 255); padding: 0pt 18px; font-size: 16px; font-weight: bold; }
#hd .logins a { display: block; height: 35px; line-height: 35px; color: rgb(255, 255, 255); font-size: 14px; }
#hd .logins .username { height: 42px; line-height: 35px; padding: 0pt; text-align: center; font-family: Helvetica,arial,sans-serif; color: rgb(255, 255, 255); }
#hd .logins .account { width: 90px; text-align: center; }
#hd .logins .account a { outline: 0pt none; }
#hd .logins .logout, #hd .logins .login, #hd .logins .signup { width: 60px; text-align: center; }
#hd .nav a:hover { background-color: rgb(99, 197, 200); color: rgb(50, 136, 137); text-decoration: none; }
#hd .logins a:hover, #hd .logins a.hover { background: none repeat scroll 0% 0% rgb(99, 197, 200); color: rgb(50, 136, 137); text-decoration: none; font-weight: bold; }
#logo { padding-top: 23px; padding-left: 37px; }
#hd .guides { position: absolute; left: 354px; top: 54px; z-index: 2; }
#hd .city { float: left; width: 73px; height: 25px; line-height: 25px; background: url('../img/index/bg-guides-city.gif') no-repeat scroll 0pt 0pt transparent; }
#hd .city h2 { text-align: center; color: rgb(255, 255, 255); }
#hd .change { float: left; width: 80px; padding: 3px 8px; color: rgb(102, 102, 102); font-size: 12px; cursor: pointer; }
#hd .city-list { display: none; clear: both; float: left; width: 345px; margin-top: 5px; padding: 10px; background: none repeat scroll 0% 0% rgb(191, 221, 97); border: 1px solid rgb(255, 255, 255); }
#hd .city-list ul { float: left; padding-bottom: 5px; }
#hd .city-list li { float: left; width: 80px; margin-bottom: 5px; margin-left: 5px; }
#hd .city-list li a { display: block; padding: 2px 5px; text-align: center; color: rgb(255, 255, 255); background: none repeat scroll 0% 0% rgb(0, 170, 141); }
#hd .city-list li a:hover { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .city-list li.current a { color: rgb(188, 243, 153); background-color: rgb(0, 112, 85); }
#hd .city-list li.current a:hover { color: rgb(188, 243, 153); }
#myaccount-menu { display: none; position: absolute; right: 64px; top: 35px; padding: 8px 0pt; border-top: 0pt none; font-weight: normal; font-size: 14px; background-color: rgb(0, 112, 85); }
#myaccount-menu li { width: 150px; padding: 5px 0pt; border-bottom: 1px dashed rgb(71, 171, 173); }
#myaccount-menu li a { display: block; padding-left: 20px; color: rgb(238, 249, 253); }
#myaccount-menu li a:hover { font-weight: bold; color: rgb(188, 243, 153); text-decoration: none; }
#ft { width: 950px; margin: 0pt auto; }
#ft ul { color: rgb(188, 243, 153); }
#ft ul, #ft ul a, #ft .copyright { color: rgb(102, 102, 102); }
#ft li.col { margin-top: 10px; float: left; display: inline; width: 110px; height: 130px; padding: 0pt 10px 0pt 40px; border-right: 0px dashed rgb(103, 173, 165); }
#ft li.end { border: medium none; padding-left: 70px; }
#ft .footh3 { width: 940px; padding-bottom: 5px; height: 30px; line-height: 30px; border-bottom: 1px dashed rgb(103, 173, 165); color: rgb(102, 102, 102); background: url('../img/index/dibudaohang.gif') repeat scroll 0% 0% rgb(160, 225, 217); }
#ft .footh3 span { float: left; font-weight: bold; padding: 0pt; margin: 5px 48px 0pt 52px; }
#ft .sub-list { margin-top: 0pt; font-size: 12px; }
#ft .sub-list li { color: rgb(0, 112, 85); line-height: 20px; list-style: none outside none; }
#ft .sub-list li a { color: rgb(0, 112, 85); }
#ft .logo-footer { padding-top: 30px; padding-left: 20px; }
#ft .copyright p { color: rgb(111, 111, 111); padding: 3px 0pt; text-align: center; font-size: 12px; }
#bd { position: relative; z-index: 1; width: 960px; margin: 0pt auto 5px; }
#content { float: left; width: 702px; margin-left: 8px; margin-right: 16px; padding: 0pt; }
#hd li.li_img a { height: 28px; line-height: 28px; padding-top: 7px; margin: 0pt 7px; background: url('../img/index/menu-bg.jpg') repeat-x scroll 0% 0% transparent; }
#hd li.li_img a:hover { height: 28px; line-height: 28px; padding-top: 7px; margin: 0pt 7px; background: url('../img/index/menu-bg.jpg') repeat-x scroll 0% 0% transparent; }
.box-top { width: 702px; height: 3px; background: url('../img/index/box_top_bg.jpg') no-repeat scroll 0pt 0pt transparent; overflow: hidden; }
.box-content { width: 702px; background: url('../img/index/box_body_bg.jpg') repeat-y scroll 0pt 0pt transparent; border: medium none; }
.box-bottom { width: 702px; background: url('../img/index/box_bot_bg.jpg') no-repeat scroll 0% 0% transparent; }
.box-bot { width: 702px; height: 3px; background: url('../img/index/box_di_bg.jpg') no-repeat scroll 0% 0% transparent; }
.box-lcontent { width: 702px; background: url('../img/index/box_lbody_bg.jpg') repeat-y scroll 0pt 0pt transparent; }
.box-split .box-top { width: 702px; height: 3px; background: url('../img/index/box_top_bg.jpg') no-repeat scroll 0pt 0pt transparent; }
.box-split .box-content { width: 702px; background: url('../img/index/box_body_bg.jpg') repeat-y scroll 0pt 0pt transparent; border: medium none; }
.box-split .box-bottom { width: 702px; height: 13px; background: url('../img/index/box_bot_bg.jpg') no-repeat scroll 0% 0% transparent; }
.box-split .box-bot { width: 702px; height: 3px; background: url('../img/index/box_di_bg.jpg') no-repeat scroll 0% 0% transparent; }
.box-split .box-lcontent { background: url('../img/index/box_lbody_bg.jpg') repeat-y scroll 0pt 0pt transparent; }
.sbox { width: 234px; margin: 0px; }
.sbox-top { width: 230px; height: 7px; background: url('../img/index/sbox_top_bg.jpg') no-repeat scroll 1px 0pt transparent; overflow: hidden; }
.sbox-content { width: 230px; background: url('../img/index/sbox_body_bg.jpg') repeat-y scroll 0pt 0pt rgb(239, 248, 255); border: medium none; }
.sbox-bottom { width: 230px; height: 3px; background: url('../img/index/sbox_di_bg.jpg') no-repeat scroll 0% 0% transparent; overflow: hidden; }
.sbox-bot { width: 230px; height: 13px; background: url('../img/index/sbox_bot_bg.jpg') no-repeat scroll 0% 0% transparent; overflow: hidden; }
.clear { clear: both; }
.dashboard { position: relative; bottom: -2px; z-index: 2; margin-left: 24px; }
.dashboard ul { float: left; }
.dashboard li { float: left; margin-right: 4px; font-size: 14px; }
.dashboard li a { float: left; height: 27px; padding: 7px 7px 0pt 17px; background: url('../img/index/bg-dashboard-tab.gif') no-repeat scroll 0pt -200px transparent; outline: 0pt none; }
.dashboard li span { float: left; width: 10px; height: 34px; background: url('../img/index/bg-dashboard-tab.gif') no-repeat scroll -161px -300px transparent; }
.dashboard li.current a { background-position: 0pt 0pt; }
.dashboard li.current span { background-position: -161px -100px; }
.coupons-table { margin: 10px 10px 30px; }
.coupons-table td, .coupons-table th { padding: 10px; border: 1px solid rgb(255, 255, 255); }
.coupons-table td { background: none repeat scroll 0% 0% rgb(255, 255, 255); }
#content .head { padding: 0pt 10px 10px; }
#content .head h2 { display: inline; padding-left: 10px; font-size: 2em; }
#content .sect { width: 678px; padding: 20px 10px 50px; border-top: 0px solid rgb(221, 238, 255); }
#content .field { clear: left; float: left; width: 650px; padding: 0pt 10px 2px; margin: 5px auto 10px; }
#content .field label { float: left; padding-right: 20px; width: 90px; height: 30px; line-height: 30px; font-size: 14px; text-align: right; color: rgb(51, 51, 51); }
#content .field .f-input { float: left; width: 320px; margin: 3px 0pt 0pt; }
.field input.number { float: left; width: 88px; margin: 3px 15px 0pt 0pt; }
#content .readonly { color: rgb(102, 102, 102); background: none repeat scroll 0% 0% rgb(241, 241, 241); }
#content .hint { clear: left; float: left; width: 320px; margin-left: 110px; font-size: 12px; color: rgb(152, 152, 152); }
#content .act { clear: left; padding: 0pt 10px; margin-left: 110px; }
#content .wholetip h3 { padding: 8px 18px; font-size: 16px; }
#content .inputtip { float: left; margin-left: 10px; margin-top: 5px; font-size: 12px; color: rgb(102, 102, 102); }
#content .head { position: relative; }
#content .filter { position: absolute; top: 25px; right: 10px; }
#content .filter li { float: left; margin: 0pt 5px 0pt 0pt; font-size: 12px; }
#content .filter a { padding: 3px 1px; }
#content .filter .current a { padding: 3px 7px; background: none repeat scroll 0% 0% rgb(0, 173, 178); color: rgb(255, 255, 255); -moz-border-radius: 2px 2px 2px 2px; }
#coupons .head { position: relative; }
#coupons .filter { position: absolute; top: 45px; right: 10px; }
#coupons .filter li { float: left; margin: 0pt 5px 0pt 0pt; font-size: 12px; }
#coupons .filter a { padding: 3px 1px; }
#coupons .filter .current a { padding: 3px 7px; background: none repeat scroll 0% 0% rgb(0, 173, 178); color: rgb(255, 255, 255); -moz-border-radius: 2px 2px 2px 2px; }
#coupons .sbox { margin-top: 34px; }
@media not all {
}
#sidebar { float: left; width: 234px; }
#sidebar .tip { background: url('../img/index/side_bar_tit.jpg') no-repeat scroll 5px 0pt transparent; }
#sidebar h2 { font-size: 1.1em; padding-bottom: 8px; color: rgb(255, 255, 255); height: 20px; line-height: 17px; }
#sidebar .side-business .tip { padding: 4px 15px; }
#sidebar .side-business h2 { padding-top: 0pt; padding-bottom: 5px; }
#sidebar .side-business p { line-height: 1.5; }
#sidebar .deal-consult h2 { font-size: 16px; }
#sidebar .lookus { height: 105px; line-height: 26px; background: url('../img/index/bg_lookus.jpg') no-repeat scroll -2px 0pt transparent; padding-top: 1px; padding-left: 24px; }
#sidebar .sbox { margin-top: 0px; margin-bottom: 15px; }
#sidebar .side-tip { padding: 10px 10px 10px 15px; }
#sidebar .side-tip h3 { margin: 15px 0pt 5px; }
#sidebar .side-tip h3.first { margin-top: 0pt; }
#sidebar .side-tip p { margin: 5px 0pt 10px; }
#deal-intro { clear: both; padding: 25px 14px 15px; border: 0px solid rgb(137, 180, 212); background: url('../img/index/box_body_bg.jpg') repeat-y scroll 0pt 0pt rgb(255, 255, 255); }
#deal-intro .main { float: left; width: 215px; margin-right: 15px; font-family: Helvetica,arial,sans-serif; }
#deal-intro .side { float: left; width: 440px; margin-right: 0pt; }
#deal-intro .side .deal-buy-cover-img { text-align: center; }
#deal-intro .side .deal-buy-cover-img img { float: none; }
#deal-intro .side .digest { margin-top: 20px; margin-left: 10px; color: rgb(0, 0, 0); font-size: 13px; }
.digest h2 { width: 210px; float: left; font-size: 14px; font-weight: bold; margin-bottom: 5px; }
.digest div { width: 210px; float: left; line-height: 25px; }
#deal-intro h1 { padding: 0pt 50px 20px; font-size: 30px; line-height: 1.2; font-family: '黑体',arial,sans-serif; }
#deal-intro .deal-buy { position: relative; }
#deal-intro .deal-today-link { text-decoration: none; }
#deal-intro .deal-price-tag { position: absolute; z-index: 1; left: -72px; width: 237px; height: 97px; padding-left: 50px; background: url('../img/index/bg-deal-price.png') no-repeat scroll 0pt 0pt transparent; }
#deal-intro .deal-price { position: absolute; z-index: 2; left: -72px; width: 237px; height: 97px; line-height: 82px; padding-left: 50px; }
#deal-intro .deal-price span { position: absolute; z-index: 2; top: 0pt; left: 146px; color: rgb(255, 255, 255); }
#deal-intro .deal-price strong { float: left; margin-left: 5px; font-size: 32px; color: rgb(255, 255, 255); font-weight: normal; }
#deal-intro .deal-price span a { display: block; width: 144px; height: 53px; line-height: 53px; margin-top: 19px; outline: 0pt none; }
.deal-consult { clear: both; position: relative; font-size: 12px; }
.deal-consult .nav { padding: 0pt; color: rgb(51, 153, 153); }
.deal-consult-tip { padding: 3px 15px 8px; background: url('../img/index/side_bar_tit.jpg') no-repeat scroll 5px 0pt transparent; }
.deal-consult-tip .list { color: rgb(98, 96, 97); }
.deal-consult-tip .list a { color: rgb(98, 96, 97); }
.deal-consult-tip .list li { padding: 5px 0pt; border-bottom: 1px dashed rgb(205, 204, 202); }
.deal-consult-tip .custom-service { margin-top: 12px; padding: 15px 15px 12px; text-align: center; background: none repeat scroll 0% 0% rgb(255, 255, 255); }
.deal-consult-tip .custom-service .time { font-size: 12px; }
.deal-discount { width: 100%; margin-top: 77px; border: 1px solid rgb(51, 154, 153); background: none repeat scroll 0% 0% rgb(222, 249, 240); font-weight: bold; }
.deal-discount th, .deal-discount td { padding: 0pt 10px; text-align: center; }
.deal-discount th { padding-top: 20px; font-size: 12px; font-weight: normal; }
.deal-discount td { padding-bottom: 10px; font-size: 16px; }
.deal-box { margin-top: 12px; border: 1px solid rgb(137, 180, 214); background: none repeat scroll 0% 0% rgb(228, 241, 250); padding: 8px; }
.deal-timeleft { padding-left: 20px; padding-right: 64px; background-image: url('../img/index/bg-deal-open.gif'); background-position: 90% 50%; background-repeat: no-repeat; color: rgb(51, 51, 51); }
.deal-timeleft h3 { font-size: 14px; font-weight: normal; }
.deal-status { padding: 15px 8px; text-align: center; }
.deal-buy-tip-top { line-height: 1.2; margin-bottom: 5px; font-size: 18px; font-weight: bold; }
.deal-buy-on { margin-bottom: 5px; font-size: 16px; font-weight: bold; }
.deal-buy-on img { position: relative; left: -9px; top: 9px; }
#deal-stuff { position: relative; margin-top: 22px; }
#deal-stuff .main, #deal-stuff .side { float: left; padding: 6px 17px; }
#deal-stuff .main { width: 463px; }
#deal-stuff .side { width: 170px; overflow: hidden; }
#deal-stuff h2 { font-size: 16px; }
#deal-stuff .main .blk { margin: 7px 0pt 30px; }
#deal-stuff .main .blk p { margin: 10px 0pt 15px; }
#deal-stuff .main .detail p { margin: 5px 0pt; }
#deal-stuff .main .detail p img { margin: 5px auto; }
#team_images { width: 440px; margin-bottom: 0px; height: 280px; overflow: hidden; }
#dialog { position: absolute; z-index: 9999; border: 4px solid rgb(204, 204, 204); display: none; }
/*账户余额*/
#credit .sect { padding: 15px 20px 40px; width: auto; }
#credit .credit-title { padding-bottom: 12px; border-bottom: 1px solid rgb(241, 241, 241); }
#credit .credit-title strong { font-size: 24px; color: rgb(204, 51, 51); }
#credit p.charge { background: none repeat scroll 0% 0% rgb(255, 251, 204); border: 1px solid rgb(255, 236, 25); margin: 0pt 0pt 10px; padding: 10px; }
#credit p.charge span { color: rgb(51, 153, 153); }
#credit p.charge a { text-decoration: underline; }
#credit .coupons-table { margin: 1px 0pt 0pt; width: 100%; }
#credit .coupons-table th, #credit .coupons-table td { border: medium none; }
#credit .paginator { margin-top: 20px; }


#sidebar { float: left; width: 234px; }
#sidebar .tip { background: url('../img/index/side_bar_tit.jpg') no-repeat scroll 5px 0pt transparent; }
#sidebar h2 { font-size: 1.1em; padding-bottom: 8px; color: rgb(255, 255, 255); height: 20px; line-height: 17px; }
#sidebar .credit { padding: 10px; }
#sidebar .side-tip { padding: 10px 10px 10px 15px; }
#sidebar .side-tip h3 { margin: 15px 0pt 5px; }
#sidebar .side-tip h3.first { margin-top: 0pt; }
#sidebar .side-tip p { margin: 5px 0pt 10px; }
#sidebar .sbox { margin-top: 0px; margin-bottom: 15px; }
#dialog { position: absolute; z-index: 9999; border: 4px solid rgb(204, 204, 204); display: none; }




